<?php
require 'panel/phpScripts/connection/connection.php';

$query = "SELECT * FROM proyectos p INNER JOIN categorias c  ON p.categoriaId = c.categoriaId  ORDER BY c.categoriaId, p.proyectoAnio DESC";
$proyectos = mysql_query($query);

$queryCategorias = "SELECT * FROM categorias";
$categorgorias = mysql_query($queryCategorias);

while($rowCategoria =mysql_fetch_array($categorgorias) ){
	$cat[] = $rowCategoria['categoriaId'];
}

while($rowProyectos = mysql_fetch_array($proyectos)){
	$proy[] = $rowProyectos;
}



mysql_close();

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- ***********************************
	Programado por Gast�n Briones
	www.gastudio.com.ar
	info@gastudio.com.ar
	Buenos Aires - Argentina
*************************************** -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Labordecomunicación</title>
<!-- CSS -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" href="css/jpreloader.css"/>
<link rel="stylesheet" href="css/style.css"/>
<!-- Javascript -->
<script src="js/jquery-v1.9.0.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jpreLoader.js"></script>
<script src="js/init.js"></script>
<script>
$(document).ready(function(){
	$('.proyectoColumna').niceScroll({
		touchbehavior: true,
		cursorborderradius :'0px',
		cursorborder:'none',
		cursorcolor:'#999'
	});
	
	if(localStorage.getItem('indexCache') == null){
		$('body').jpreLoader({
			loaderVPos:'50%'
		});
		localStorage.setItem('indexCache',true);
	}
	

});	
</script>

</head>
<body>
<div id="outer">
  <div id="left"><img src="images/laborde-colum-logo.png" class="logo-bottom"/></div>
  <div id="right">
  	<div class="separador-menu"><span class="label label-inverse">NOSOTROS</span></div>
  	<div id="logo"><a href="index.php"><img src="images/logo.png" alt="laborde logo" /></a></div>
  	<ul id="contacts">
  		<li><i class="icon-gps"></i> Hidalgo 775,<br /> <span style="margin-left:17px;">Buenos Aires, Argentina.</span></li>
		<li><i class="icon-iphone"></i> +54 11 4467-8966</li>
		<li><i class="icon-sobre"></i> <a href="mailto:info@labordecomunicacion.com.ar">E-mail</a></li>
		<li><i class="icon-twitter"></i> twitter</li>
		<li><i class="icon-facebook"></i> facebook</li>
		<li><i class="icon-flickr"></i> flickr</li>
  	</ul>
  	<div class="separador-menu"></div>
  	<div id="slogan">
  		<span>Nuestro nombre <br />
			lo dice. <br />
			Lo que hacemos <br /> 
			es comunicar.
  		</span>
  	</div>
  	<ul id="menu">
		<li><a href="servicios.php">Servicios</a></li>
		<li><a href="clientes.php">Clientes</a></li>
		<li><a href="nosotros.php">Laborde</a></li>
	</ul>
	<div id="footet">
		<div>&copy; Laborde Comunicación 2000 - 2013</div>
	</div>
  </div>
  <div id="centrecontent">
 	<div id="data">
 		<?php
 			//Obtengo cual lista es la que contiene mayor cantidad de registro 		
// 			$maximoReg = 0;	
// 			foreach ($cat as $value) {
// 				$count = 0;				
//				foreach ($proy as $rowProyectos){
//					if($value == $rowProyectos['categoriaId']){	
//						$count++;	
//					}				
//					if($maximoReg < $count){
//						$maximoReg = $count;
//					}							 
//				}
//			}	
 		
 			//Itero los registros
	 		foreach ($cat as $value) {
				echo '<div class="proyectoColumna">';
					//$relleno = 0;							
					if($proy){
						foreach ($proy as $rowProyectos){
							if($value == $rowProyectos['categoriaId']){	
								//$relleno ++;
								echo '<div class="proyecto">';
								echo '	<a href="proyecto.php?proyectoId='.$rowProyectos['proyectoId'].'&categoriaId='.$rowProyectos['categoriaId'].'">';
								echo '		<div class="pro-title"><span>'.$rowProyectos["proyectoAnio"].'</span><span class="label '.$rowProyectos["categoriaColor"].'">'.$rowProyectos["categoriaDescripcion"].'<span/></div>';
								echo '		<div class="pro-image"><img src="actions/getImageProyectos.php?id='.$rowProyectos['proyectoId'].'" width="176" height="122"/></div>';
								echo '		<div class="pro-body">';
								echo '      	<div><b>Cliente</b></div><div>'.$rowProyectos['proyectoCliente'].'</div>';
								echo '      	<div><b>Proyecto</b></div><div>'.$rowProyectos['proyectoTitulo'].'</div>';
								echo '		</div>';
								echo '	</a>';
								echo '</div>';	
							}
						}
					
//						for($i=0; $i < $maximoReg - $relleno; $i++){
//							echo '<div class="proyecto"></div>';	
//						}	
					}else{
						echo 'No se encontraron registros';
					}
					
				echo "</div>";
			}
		?>
 	</div>  
  </div>
</div>
</body>
</html>
